<template>
  <div class="c-table-column-header g-flex-between-center" v-if="props.titleTips">
    <span class="g-font-12n1">{{ props.title }}</span>
    <el-tooltip :content="props.titleTips" placement="top-end">
      <CIcon
        class="g-font-16n4 g-cur-poi g-ml4 c-table-title-tips"
        type="c-xian-shuoming"
        v-if="props.titleTips"
      ></CIcon>
    </el-tooltip>
  </div>
</template>
<script lang="ts">
export default {
  name: 'CTableColumnHeader'
};
</script>
<script lang="ts" setup>
import { defineProps, withDefaults } from 'vue';

interface CTableColumnHeader {
  title?: string;
  titleTips?: string;
}
const props = withDefaults(defineProps<CTableColumnHeader>(), {
  title: ''
});
</script>
<style lang="scss">
@use '../styles/table-column-header.scss' as *;
</style>
